{% load static %}
<!DOCTYPE html>
<html lang="en" {%block ngapp%}{%endblock%}>
<head>
<base href="/" />
    <meta charset="UTF-8">
    <title>期研报</title>
      <link rel="stylesheet" href="{% static "bower_components/bootstrap/dist/css/bootstrap.css" %}" type="text/css" />
      <script src="{% static "bower_components/jquery/dist/jquery.js" %}"></script>
  <style>

    .report-list-box{
      width:300px;

      float:left;
      margin:5px;
    }
    .report-left-box{
      width:700px;
      float:left;
    }
    .report-right-box{
      width:400px;
      float:left;
      margin:0;
    }
    .login{
            height:30px;
    }
    .login a{
      margin:5px;

    }
    .search-item{
      display: block;
      height:30px;
      text-align: left;

    }
    .search-item span{
      margin: 5px;
        float:left;
    }
    .search-item
    li {

      float: left;
      display-list: none;
      list-style: none;
      margin: 5px;
    }

    .list table tr td {

      padding: 5px;;
    }
.search-item a{
cursor: pointer;
}
.search-item .active {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(91, 192, 222);
background-image: none;
background-origin: padding-box;
background-position: 0px 0px;
background-position-x: 0px;
background-position-y: 0px;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: rgb(70, 184, 218);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-style: solid;
border-bottom-width: 0.55px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: rgb(70, 184, 218);
border-left-style: solid;
border-left-width: 0.55px;
border-right-color: rgb(70, 184, 218);
border-right-style: solid;
border-right-width: 0.55px;
border-top-color: rgb(70, 184, 218);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-style: solid;
border-top-width: 0.55px;
box-sizing: border-box;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
text-align: center;
text-decoration: none;
text-decoration-color: rgb(255, 255, 255);
text-decoration-line: none;
text-decoration-style: solid;
vertical-align: middle;
white-space: nowrap;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
-moz-user-select: none;
}
  </style>
  {%block js%}{%endblock%}
</head>
<body>
<div class="container">
    {%block header%}
<div class="header">
  <div class="text-right login"><span><a href="/accounts/#/login">登陆</a></span><span><a href="/accounts/register/">注册</a></span></div>
    <nav class="navbar navbar-default" role="navigation">

  <div class="container">

    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/">期研报</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="/" onclick="go('/');">首页</a></li>
        {%for item in trades%}
        <li><a href="/trade/{{item.code}}"  onclick="go('/trade/{{item.code}}');">{{item.name}}</a></li>
        {%endfor%}

      </ul>
<div style="float: right;    padding-top: 15px;padding-bottom: 15px;padding-right: 15px;"><a href="/search/reports/" class="btn-primary btn btn-xs" s>搜索</a></div>

    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
</div>
    {%endblock%}
  </div>
<div class="container">
    {%block content%}
    {%endblock%}
  </div>

{%block footer%}
<div class="footer"></div>
{%endblock%}
  <script language="javascript" type="text/javascript">
function go(path){
  window.location.href=path;
};
</script>
</body>
{%block bottomjs%}
{%endblock%}
</html>